body {
  background-color: #f1f1f2;
}
// 头部
header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  .title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 11.7333vw;
    background-color: rgb(194, 20, 1);
    color: #fff;
    font-weight: 700;
    font-size: 4.2667vw;
  }
}

// 底部
footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 998;
  height: 13.3333vw;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.33);
  a {
    margin-top: 0.5333vw;
    color: #333;
    font-size: 2.6667vw;
    text-align: center;
    &.active {
      color: rgb(250, 34, 9);
    }
    .iconfont {
      font-size: 5.3333vw;
    }
    p {
      margin-top: 0.8vw;
    }
  }
}

// 轮播图--------
.swiper-pagination {
  position: absolute;
  left: 83.8vw;
  bottom: 9.6vw;
  z-index: 996;
  display: flex;
  width: 10.6667vw;
  height: 5.3333vw;
  color: #fff;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.363);
  border-radius: 2.6667vw;
}
